<!-- 直播间item -->
<template>
	<view class="background_white flex_row full_width" style="" @click="click_live_room_item">
		<fl_image :src="live_room.pictures[0]" height="120" width="120" />
		<view class="flex_col" style="margin-left: 24rpx;">
			<view style="font-size: 24rpx;color: #161E22;">{{live_room.name}}</view>
			<view style="font-size: 20rpx;color: #8D9090;margin-top: 8rpx;">约{{live_room.room_space}}m²</view>
			<view class="single_line" style="font-size: 20rpx;color: #8D9090;width: 540rpx;margin-top: 22rpx;">{{get_profile()}}</view>
		</view>
	</view>
</template>

<script>
	import fl_image from "../fl_image.vue"
	export default {
		components: {
			fl_image,
		},
		name: "live_room_item",
		data() {
			return {

			};
		},
		created() {

		},
		methods: {
			get_profile() {
				let room = this.live_room
				var strs = []
				if (room.has_camera) {
					strs.push("摄像头")
				}
				if (room.has_monitor) {
					strs.push("显示器")
				}
				if (room.has_microphone) {
					strs.push("话筒")
				}
				if (room.has_flash_light) {
					strs.push("补光灯")
				}
				if (room.has_cellphone_holder) {
					strs.push("手机支架")
				}
				if (room.has_mirror) {
					strs.push("镜子")
				}
				if (room.has_ring_light) {
					strs.push("直播灯")
				}
				if (room.has_commentting_wall_monitor) {
					strs.push("评论墙显示屏")
				}
				return strs.join(" | ")
			},
			click_live_room_item() {

			}
		},
		mounted() {

		},
		props: {
			live_room: {
				type: Object,
				default: null
			}
		}
	}
</script>

<style>
	.background {
		background-image: url("http://pic1.win4000.com/wallpaper/e/57bff12242d98.jpg");
	}

	.gridient_back {
		background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), white);
	}
</style>
